/**
 * 图片懒加载
 * @author Jason
 * @returns undefined
 */
function lazyload() 
{
    // 1 每次获取最新的 可见视口 + 滚动的高度
    var temp1 = window.innerHeight || document.documentElement.clientHeight  // 兼容ie
    var temp2 = document.body.scrollTop || document.documentElement.scrollTop // 兼容doctype
    var maxShowHeight = temp1 + temp2
    // 2 获取所有图片
    var imgs = document.querySelectorAll('img')
    // 3 遍历
    imgs.forEach(function(item, index) { // item就是每一个图片标签对象
        // 4 判断：当前图片的.offsetTop < 步骤1（可见视口 + 滚动的高度）
        if (item.offsetTop < maxShowHeight)
        {
            item.src = item.getAttribute('src-real')
        }
    })
}

lazyload() 

// window.onscroll = lazyload
// 防抖
let t = null
window.onscroll=function(){
    if(t) clearTimeout(t)
    t=setTimeout(()=>{
        lazyload()
    },1000)
}